<template>
  <div class="flex">
    <div class="aside">
      <ListGrid />
    </div>
    <div class="main">
      <el-scrollbar class="h-full">
        <RobotSettings v-if="active === '0'" />
        <ProblemStatistics v-if="active === '1'" />
        <enterpriseKnowledge v-if="active === '2'" />
        <conversationStatistics v-if="active === '3'" />
      </el-scrollbar>
    </div>
  </div>
</template>

<script>
import emitter from "@/utils/mitt-bus";
// import { restApi } from "@/api/node-admin-api/index";
// import { getUserProfile } from "@/api/im-sdk-api/index";
import { mapState } from "vuex";

export default {
  name: "ConversationStatistics",
  data() {
    return {
      active: "0",
      friend: [],
      groupListInfo: [],
    };
  },
  components: {},
  computed: {
    ...mapState({}),
  },
  async mounted() {
    this.init();
    emitter.on("onActive", (icon) => {
      this.active = icon;
    });
    // this.getGroupList();
    this.$store.dispatch("getGroupList");
  },
  methods: {
    async init() {},
  },
};
</script>

<style lang="scss" scoped>
.aside {
  width: 180px;
  min-width: 180px;
  height: 100%;
  padding: 3px 8px 8px;
  border-right: 1px solid #00000017;
}
</style>
